@fontawesome-family-icon:       FontAwesome;
@timeline-border-color:          @brand-default;
// Bootstrap variables... For more information refer to the variables.less file that comes with Bootstrap 3
@grid-columns:              12;
@gray-base:                     #000;
@gray-darker:                   lighten(@gray-base, 13.5%); // #222
@gray-dark:                     lighten(@gray-base, 20%);   // #333
@gray:                          lighten(@gray-base, 33.5%); // #555
@gray-light:                    lighten(@gray-base, 46.7%); // #777
@gray-lighter:                  lighten(@gray-base, 93.5%); // #eee

@font-size-large:               ceil((@font-size-base * 1.38));
@font-size-small:               ceil((@font-size-base * 0.9));

@line-height-base:              1.53846153846154;
@line-height-computed:          floor((@font-size-base * @line-height-base));

@padding-base: 15px;
@padding-base-vertical:         6px;
@padding-base-horizontal:       @padding-base;

@padding-large-vertical:        10px;
@padding-large-horizontal:      16px;

@padding-small-vertical:        5px;
@padding-small-horizontal:      10px;

@padding-xs-vertical:           1px;
@padding-xs-horizontal:         5px;

@line-height-large:             1.33;
@line-height-small:             1.5;

@table-cell-padding:            5px;
@table-condensed-cell-padding:  4px;
@table-bg:                      transparent;
@table-bg-accent:               lighten(@border-color, 6%);
@table-bg-hover:                @table-bg-accent;
@table-bg-active:               @table-bg-hover;
@table-border-color:            @border-color;

@btn-default-color:              @text-color;
@btn-default-bg:                 white;
@btn-default-border:             fade(#000, 13%);

@btn-primary-color:              white;
@btn-primary-bg:                 @brand-primary;
@btn-primary-border:             @btn-primary-bg;

@btn-success-color:              white;
@btn-success-bg:                 @brand-success;
@btn-success-border:             @btn-success-bg;

@btn-warning-color:              white;
@btn-warning-bg:                 @brand-warning;
@btn-warning-border:             @btn-warning-bg;

@btn-danger-color:               white;
@btn-danger-bg:                  @brand-danger;
@btn-danger-border:              @btn-danger-bg;

@btn-info-color:                 white;
@btn-info-bg:                    @brand-info;
@btn-info-border:                @btn-info-bg;

@btn-dark-color:                 white;
@btn-dark-bg:                    @brand-dark;
@btn-dark-border:                @btn-dark-bg;

@btn-link-disabled-color:        darken(white, 50%);;

@input-color-placeholder:        lighten(@text-color, 15%);
@input-border:                   @border-color;
@input-border-radius-base:       @border-radius-base;
@input-border-focus:             lighten(@brand-primary, 12%);
@input-group-addon-bg:           lighten(@input-border, 1%);
@input-group-addon-border-color: @input-border;

@dropdown-border:                @border-color;
@dropdown-divider-bg:            darken(@dropdown-border, 5%);
@dropdown-link-active-bg:        lighten(@dropdown-border, 8%);
@dropdown-link-color:            @text-color;
@dropdown-link-hover-color:      white;
@dropdown-link-hover-bg:         @dropdown-link-active-bg;

@navbar-inverse-color:           white;
@navbar-inverse-bg:              @brand-dark;
@navbar-inverse-border:          @brand-dark;

@pagination-border:              @border-color;
@pagination-hover-bg:            lighten(@border-color, 5%);
@pagination-active-bg:           @brand-primary;
@pagination-active-border:       @pagination-active-bg;
@pagination-active-color:        white;

@breadcrumb-bg:                  @brand-white;
@breadcrumb-separator:           '\f105';

@tooltip-color:                  fade(black, 60%);
@tooltip-radius:                 @border-radius-base;

@code-color:                     @text-color;

@popover-header:                 #FAFBFD;
@popover-border-color:           #C4D1DF;

@panel-bg:                       white;
@panel-inner-border:             lighten(@border-color, 3%);
@panel-border-radius:            @border-radius-base;
@panel-footer-bg:                #fcfcfc;

@panel-default-text:             @text-color;
@panel-default-border:           @brand-default;
@panel-default-heading-bg:       @brand-default;

@panel-primary-text:             white;
@panel-primary-border:           @brand-primary;
@panel-primary-heading-bg:       @brand-primary;

@panel-success-text:             @brand-white;
@panel-success-border:           @brand-success;
@panel-success-heading-bg:       @brand-success;

@panel-warning-text:             @brand-white;
@panel-warning-border:           @brand-warning;
@panel-warning-heading-bg:       @brand-warning;

@panel-danger-text:              @brand-white;
@panel-danger-border:            @brand-danger;
@panel-danger-heading-bg:        @brand-danger;

@panel-info-text:                @brand-white;
@panel-info-border:              @brand-info;
@panel-info-heading-bg:          @brand-info;

@alert-padding:                  @padding-base-horizontal;
@alert-border-radius:            @border-radius-base;
@alert-link-font-weight:         @font-weight-bold;

@alert-success-bg:               lighten(@brand-success, 30%);
@alert-success-text:             darken(@brand-success, 20%);
@alert-success-border:           darken(@alert-success-bg, 3%);

@alert-info-bg:                  lighten(@brand-info, 30%);
@alert-info-text:                darken(@brand-info, 20%);
@alert-info-border:              darken(@alert-info-bg, 3%);

@alert-warning-bg:               lighten(@brand-warning, 25%);
@alert-warning-text:             darken(@brand-warning, 15%);
@alert-warning-border:           darken(@alert-warning-bg, 3%);

@alert-danger-bg:                lighten(@brand-danger, 30%);
@alert-danger-text:              darken(@brand-danger, 20%);
@alert-danger-border:            darken(@alert-danger-bg, 3%);

@label-default-bg:               @brand-default;
@label-primary-bg:               @brand-primary;
@label-success-bg:               @brand-success;
@label-info-bg:                  @brand-info;
@label-warning-bg:               @brand-warning;
@label-danger-bg:                @brand-danger;
@label-white-bg:                 @brand-white;

@label-color:                    white;
@label-link-hover-color:         white;

@progress-bg:                    #D0DBEC;
@progress-bar-color:             white;
@progress-bar-bg:                @brand-primary;
@progress-bar-success-bg:        @brand-success;
@progress-bar-warning-bg:        @brand-warning;
@progress-bar-danger-bg:         @brand-danger;
@progress-bar-info-bg:           @brand-info;

@hr-border:                      @border-color;

@zindex-header:                  1020;
@zindex-dropdown:                1000;
@zindex-brand-sm:                1020;
@zindex-sidebar-panel:           1050;
@zindex-chat:                    1000;
@zindex-sub-menu:                1000;
@zindex-modal:                   2020;
@zindex-popup:                   @zindex-modal;
@zindex-preloader:               3000;

// Media queries breakpoints
// --------------------------------------------------

// Extra small screen / phone
@screen-xs-min:                 480px;

// Small screen / tablet
@screen-sm-min:                 768px;

// Medium screen / desktop
@screen-md-min:                 992px;

// Large screen / wide desktop
@screen-lg-min:                 1200px;

// So media queries don't overlap when required, provide a maximum
@screen-xs-max:                 (@screen-sm-min - 1);
@screen-sm-max:                 (@screen-md-min - 1);
@screen-md-max:                 (@screen-lg-min - 1);

